<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor)">
    <div class="section">
<!-- playground-fold-end -->

<ui5-table id="table" row-action-count="1">
<!-- playground-fold -->
	<ui5-table-header-row slot="headerRow">
		<ui5-table-header-cell>Product</ui5-table-header-cell>
		<ui5-table-header-cell>Supplier</ui5-table-header-cell>
		<ui5-table-header-cell horizontal-align="End">Price</ui5-table-header-cell>
	</ui5-table-header-row>
	<ui5-table-row row-key="1">
		<ui5-table-cell><ui5-label><b>Notebook Basic 15</b><br><a href="#">HT-1000</a></ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label>Very Best Screens</ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label><b>899.99</b> EUR</ui5-label></ui5-table-cell>
		<ui5-table-row-action-navigation slot="actions" interactive></ui5-table-row-action-navigation>
	</ui5-table-row>
<!-- playground-fold-end -->
	<ui5-table-row row-key="2" interactive>
		<ui5-table-cell><ui5-label><b>Astro Laptop 216</b><br><a href="#">HT-1251</a></ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label><b>679.99</b> EUR</ui5-label></ui5-table-cell>
		<ui5-table-row-action-navigation slot="actions"></ui5-table-row-action-navigation>
	</ui5-table-row>
<!-- playground-fold -->
	<ui5-table-row row-key="3" navigated>
		<ui5-table-cell><ui5-label><b>Benda Laptop 1408</b><br><a href="#">HT-6102</a></ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label>Ultrasonic United</ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label><b>699.99</b> EUR</ui5-label></ui5-table-cell>
		<ui5-table-row-action-navigation slot="actions" invisible></ui5-table-row-action-navigation>
	</ui5-table-row>
	<ui5-table-row row-key="4">
		<ui5-table-cell><ui5-label><b>Broad Screen 22HD</b><br><a href="#">HT-1255</a></ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label>Speaker Experts</ui5-label></ui5-table-cell>
		<ui5-table-cell><ui5-label><b>399.99</b> EUR</ui5-label></ui5-table-cell>
		<ui5-table-row-action-navigation slot="actions" interactive></ui5-table-row-action-navigation>
	</ui5-table-row>
<!-- playground-fold-end -->
</ui5-table>

<!-- playground-fold -->
	</div>
    <script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->
